#left
{
    width: 378px;
    height: 57px;
    background-image: url('../images/Top/TopLeft.jpg');
    float: left;
}

#middle
{
    height: 57px;
    background-image: url('../images/Top/TopMiddle.jpg');
    float: left;
    line-height: 60px;
    color: #FFFFFF;
    font-weight: bold;
}

#right
{
    width: 281px;
    height: 57px;
    background-image: url('../images/Top/TopRight.jpg');
    float: left;
}

#buttonGroup
{
    margin: 35px 0px 0px 30px;
    display: inline;
    float: left;
    width: 240px;
}

#buttonGroup font
{
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    line-height: 17px;
}

.controlButton
{
    width: 69px;
    height: 17px;
    background-image: url('../images/Top/ControlButton.gif');
    float: left;
    margin-left: 10px;
    display: inline;
    cursor: pointer;
}

#topBannerLeft
{
    width: 150px;
    height: 35px;
    background-image: url('../images/Top/Topbanner.jpg');
    float: left;
}

#topBannerRight
{
    height: 35px;
    background-image: url('../images/Top/TopbannerBg.jpg');
    float: left;
}

#toLeft
{
    width: 16px;
    height: 16px;
    float: left;
    background-image: url('../images/Index/ToLeft.jpg');
    margin: 10px 2px 0px 2px;
    display: inline;
    cursor: pointer;
}
#toCenter
{
    height: 35px;
    float: left;
    overflow: hidden;
    position: relative;
}
#toRight
{
    width: 16px;
    height: 16px;
    float: left;
    background-image: url('../images/Index/ToRight.jpg');
    margin: 10px 2px 0px 2px;
    display: inline;
    cursor: pointer;
}

#topMenuBar
{
    height: 35px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 0;
}

.topButton1
{
    float: left;
    margin: 4px 0px 0px 2px;
    display: inline;
    cursor: pointer;
    height: 28px;
}

.topButton1 .topButtonLeft
{
    width: 16px;
    height: 100%;
    float: left;
    background-image: url('../images/Top/TopButtonLeft1.gif');
}

.topButton1 .topButtonMiddle
{
    width: auto;
    height: 100%;
    float: left;
    background-image: url('../images/Top/TopButtonMiddle1.gif');
}

.topButton1 .topButtonMiddle font
{
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 4px 10px 0px 10px;
    display: inline;
    float: left;
}

.topButton1 .topButtonRight
{
    width: 16px;
    height: 100%;
    float: left;
    background-image: url('../images/Top/TopButtonRight1.gif');
}

.topButton2
{
    float: left;
    margin: 7px 0px 0px 2px;
    display: inline;
    cursor: pointer;
    height: 24px;
}

.topButton2 .topButtonLeft
{
    width: 16px;
    height: 100%;
    float: left;
    background-image: url('../images/Top/TopButtonLeft2.gif');
}

.topButton2 .topButtonMiddle
{
    width: auto;
    height: 100%;
    float: left;
    background-image: url('../images/Top/TopButtonMiddle2.gif');
}

.topButton2 .topButtonMiddle font
{
    font-size: 12px;
    line-height: 20px;
    color: #417eb5;
    margin: 4px 10px 0px 10px;
    display: inline;
    float: left;
}

.topButton2 .topButtonRight
{
    width: 16px;
    height: 100%;
    float: left;
    background-image: url('../images/Top/TopButtonRight2.gif');
}
